@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  -webkit-font-smoothing: antialiased;
}

html {
  color: #212529;
  font-size: 14px;
  line-height: 1.5;
  tab-size: 4;
}

body {
  font-family: rubik, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    SimSun, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: inherit;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  font-feature-settings: "tnum";
  font-variant: tabular-nums;
}

.container {
  max-width: 550px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

::-webkit-scrollbar-thumb {
    background: #1f254233;
    border-radius: 12px;
}

::-webkit-scrollbar-track {
    background: none;
    cursor: pointer;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
